<template>
  <div class='dis-form'>
    <p class="title">{{getData.title}}</p>
    <p><span class="fl">报名费用：</span><span class="content">{{getData.fee}}元/人</span></p>
    <p><span class="fl">活动日期：</span><span class="content">{{getData.data}}</span></p>
    <p><span class="fl">活动人数：</span><span class="content"><span class="color-gold">{{getData.people}}</span>/{{getData.allPeople}}</span></p>
    <p><span class="fl">活动类型：</span><span class="content">{{getData.type}}</span></p>
    <p><span class="fl">活动内容：</span><span class="content">{{getData.content}}</span></p>
  </div>
</template>
<script>
export default {
  props:["data"],
  components: {},
  name: "",
  data() {
    return {};
  },
  computed:{
    getData(){

      return this.data||{}
    }
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.dis-form {
  
  margin: 0 15px;

  p{
    min-height: 40px;
    padding: 10px 0;
    box-sizing: border-box;
    line-height: 20px;
    border-bottom: 1px solid #f2f2f2;
    color: #333;
    font-size: 14px;
  }

  p.title{
    min-height: 50px;
    padding: 15px 0;
    font-size: 16px;
  }
  .content{
    display: block;
    padding-left: 70px;
    color: #999
  }
}
</style>